<!-- 上 -->
<template>
    <div>
        <div class="group flex-row">
            <div class="group-left flex-col">
                <span class="text_19">电力行业电测量标准化技术委员会</span>
                <span
                    class="text_20">Standardization&nbsp;Technical&nbsp;Committee&nbsp;for&nbsp;Electrical&nbsp;Measurement&nbsp;in&nbsp;the&nbsp;Power&nbsp;Industry</span>
            </div>
            <div class="group-right flex-col">
                <div class="text-wrapper_16 flex-row">
                    <span class="text_21">用户登录</span>
                    <span class="text_22">&nbsp;/&nbsp;个人中心</span>
                </div>
                <div class="box_1 flex-row">
                    <span class="text_23">请输入标准号或标准名称</span>
                    <div class="block_2 flex-col"></div>
                </div>
            </div>
        </div>
        <div style="width: 100vw;background-color: #F0F4FF;">
            <div class="block_9 flex-row justify-between">
                <div class="text-wrapper_1 flex-col ">
                    <span class="text_1">首页</span>
                </div>
                <img class="image_1" referrerpolicy="no-referrer"
                    src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng68cdb509dc2ea61a0437a36f2bdb06bf5a11c4721f3528fdca34a2866b8e3846" />
                <div class="text-wrapper_2 flex-col">
                    <span class="text_2">标委会介绍</span>
                </div>
                <img class="image_2" referrerpolicy="no-referrer"
                    src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng68cdb509dc2ea61a0437a36f2bdb06bf5a11c4721f3528fdca34a2866b8e3846" />
                <div class="text-wrapper_3 flex-col">
                    <span class="text_3">通知公示</span>
                </div>
                <img class="image_3" referrerpolicy="no-referrer"
                    src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng68cdb509dc2ea61a0437a36f2bdb06bf5a11c4721f3528fdca34a2866b8e3846" />
                <div class="text-wrapper_4 flex-col">
                    <span class="text_4">标准公开</span>
                </div>
                <img class="image_4" referrerpolicy="no-referrer"
                    src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng68cdb509dc2ea61a0437a36f2bdb06bf5a11c4721f3528fdca34a2866b8e3846" />
                <div class="text-wrapper_5 flex-col">
                    <span class="text_5">政策法规</span>
                </div>
                <img class="image_5" referrerpolicy="no-referrer"
                    src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng68cdb509dc2ea61a0437a36f2bdb06bf5a11c4721f3528fdca34a2866b8e3846" />
                <div class="text-wrapper_6 flex-col">
                    <span class="text_6">下载中心</span>
                </div>
                <img class="image_6" referrerpolicy="no-referrer"
                    src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng68cdb509dc2ea61a0437a36f2bdb06bf5a11c4721f3528fdca34a2866b8e3846" />
                <div class="text-wrapper_7 flex-col">
                    <span class="text_7">联系我们</span>
                </div>
            </div>
            <!-- <div class="text-wrapper_13 flex-col">
                <span class="text_24">首页</span>
            </div> -->
        </div>
    </div>
</template>
<script>
</script>
<style scoped>
* {
    margin: 0;
    padding: 0;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.group {
    background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/97832ce3ba7143ff9db46d84db826df4_mergeImage.png);
    width: 100vw;
    height: 208px;
}

.group-left {
    width: 690px;
    height: 83px;
    margin: 50px 0 0 252px;
}

.text_19 {
    width: 690px;
    height: 65px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 46px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 65px;
}

.text_20 {
    width: 684px;
    height: 23px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
    margin: -5px 0 0 2px;
}

.group-right {
    width: 379px;
    height: 120px;
    margin: 50px 0 0 123px;
}

.text-wrapper_16 {
    width: 210px;
    height: 30px;
    margin-left: 169px;
}

.text_21 {
    width: 96px;
    height: 30px;
    overflow-wrap: break-word;
    color: rgba(130, 174, 251, 1);
    font-size: 22px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
}

.text_22 {
    width: 114px;
    height: 30px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 22px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
}

.box_1 {
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 31px;
    width: 379px;
    height: 62px;
    margin-top: 28px;
}

.text_23 {
    width: 242px;
    height: 30px;
    overflow-wrap: break-word;
    color: rgba(10, 61, 130, 1);
    font-size: 22px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    line-height: 30px;
    margin: 16px 0 0 42px;
}

.block_2 {
    background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/7bd6b392dc0c46ecb234def73610126a_mergeImage.png);
    width: 42px;
    height: 42px;
    margin: 10px 25px 0 28px;
}

.block_9 {
    width: 1200px;
    height: 66px;
    margin: 0 auto;
}

.text-wrapper_1 {
    background-color: rgba(240, 244, 255, 1);
    height: 66px;
    width: 171px;
}

.text_1 {
    width: 60px;
    height: 42px;
    overflow-wrap: break-word;
    color: rgba(10, 61, 130, 1);
    font-size: 30px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    line-height: 42px;
    margin: 13px 0 0 56px;
}

.image_1 {
    width: 1px;
    height: 66px;
}

.text-wrapper_2 {
    background-color: rgba(240, 244, 255, 1);
    height: 66px;
    width: 171px;
}

.text_2 {
    width: 150px;
    height: 42px;
    overflow-wrap: break-word;
    color: rgba(10, 61, 130, 1);
    font-size: 30px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    line-height: 42px;
    margin: 13px 0 0 11px;
}

.image_2 {
    width: 1px;
    height: 66px;
}

.text-wrapper_3 {
    background-color: rgba(240, 244, 255, 1);
    height: 66px;
    width: 171px;
}

.text_3 {
    width: 120px;
    height: 42px;
    overflow-wrap: break-word;
    color: rgba(10, 61, 130, 1);
    font-size: 30px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    line-height: 42px;
    margin: 13px 0 0 26px;
}

.image_3 {
    width: 1px;
    height: 66px;
}

.text-wrapper_4 {
    background-color: rgba(240, 244, 255, 1);
    height: 66px;
    width: 171px;
}

.text_4 {
    width: 120px;
    height: 42px;
    overflow-wrap: break-word;
    color: rgba(10, 61, 130, 1);
    font-size: 30px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    line-height: 42px;
    margin: 13px 0 0 26px;
}

.image_4 {
    width: 1px;
    height: 66px;
}

.text-wrapper_5 {
    background-color: rgba(240, 244, 255, 1);
    height: 66px;
    width: 171px;
}

.text_5 {
    width: 120px;
    height: 42px;
    overflow-wrap: break-word;
    color: rgba(10, 61, 130, 1);
    font-size: 30px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    line-height: 42px;
    margin: 13px 0 0 26px;
}

.image_5 {
    width: 1px;
    height: 66px;
}

.text-wrapper_6 {
    background-color: rgba(240, 244, 255, 1);
    height: 66px;
    width: 171px;
}

.text_6 {
    width: 120px;
    height: 42px;
    overflow-wrap: break-word;
    color: rgba(10, 61, 130, 1);
    font-size: 30px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    line-height: 42px;
    margin: 13px 0 0 26px;
}

.image_6 {
    width: 1px;
    height: 66px;
}

.text-wrapper_7 {
    background-color: rgba(240, 244, 255, 1);
    height: 66px;
    width: 171px;
}

.text_7 {
    width: 120px;
    height: 42px;
    overflow-wrap: break-word;
    color: rgba(10, 61, 130, 1);
    font-size: 30px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    line-height: 42px;
    margin: 13px 0 0 26px;
}

.text-wrapper_13 {
    height: 76px;
    background: url(https://lanhu-oss-2537-2.lanhuapp.com/SketchPnga6042a9f2e67d5d3266c1c16a56713cc23728dc8569d90a11ae32868f0bcf1b1) 100% no-repeat;
    background-size: 100% 100%;
    width: 180px;
    color: #fff;
}

.text_24 {
    width: 60px;
    height: 42px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 30px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    line-height: 42px;
    margin: 18px 0 0 56px;
}
</style>